page{
	background-color: #f1f1f1;
}
.container {
  display: flex; /* 利用Flexbox布局使三个正方形横向排列 */
}
.square {
  width: 100px; /* 正方形宽度设为100px */
  height: 100px; /* 正方形高度设为100px，确保为正方形 */
  background-color: #f1f1f1; /* 背景颜色设为蓝色 */
  margin-right: 20px; /* 每个正方形右侧添加10px的外边距 */
  margin-bottom: 10px; /* 每个正方形底部添加10px的外边距（除了最后一排） */
  display: flex;
  flex-direction: column; /* 设置为列方向，以便图片和文字可以垂直堆叠 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 初始设置为水平居中，但可能需要调整以适应文字 */
  padding: 10px; /* 设置内边距 */
  box-sizing: border-box; /* 确保内边距和边框不会影响容器的总宽度和高度 */
  position: relative; /* 为了定位可能的文字或其他内容 */
}
.pict {
    max-width: 50%;
    max-height: calc(100% - 40px); /* 减去文字的高度和可能的内边距 */
    object-fit: contain;
	justify-content: center; /* 水平居中 */
}
